<template>
    <div class="station-card user-panel" >
        <div style="height:calc(100% - 82px)">
            <div style="width:120px;height:120px;margin:30px auto 0px auto;">
                <a-avatar shape="square" :size="120" icon="user" />
                <p class="user-panel-time" ><span>0</span>时<span>1</span>分</p>
                <p class="user-panel-name">李默默</p>
            </div>
        </div>
        <div style="padding-left: 60px;">
            <a-button type="primary">登录</a-button>
            <a-button style="margin-left: 40px;">退出</a-button>
        </div>
    </div>
</template>
<script>
export default {
  name: 'userInformation',
  props: [],
  data() {
    return {
        
    }
  },
  methods: {
    
  }
}
</script>
<style scoped>
    .station-card{
        background:#fff;
        border: 1px solid #e8e8e8;
        border-radius: 2px;
    }
    .station-card{
        height:350px;
        margin-top:10px;
    }
    .user-panel-time,.user-panel-name{
        margin:0px;
        text-align:center;
        height: 30px;
        line-height: 30px;
    }
    .user-panel-name{
        font-weight: bold;
    }
    .user-panel-time{
        background: #1388f5;
        color:#fff;
    }
</style>
